.sf-menu ul {position:absolute; top:-999em; width:100%; /* left offset of submenus need to match (see below) */}
.sf-menu li {float:left; position:relative; margin-left:2px; font-size:14px; line-height:38px;}
.sf-menu a {display:block;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0px; top:38px;/* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:100%;/* match ul width */top:0;}
/*** DEMO SKIN ***/

ul.sf-menu li a{ height:38px; white-space:nowrap; color:#2d2d2d; text-decoration:none; padding: 0 0px 0 20px; background:url(../images/m-1-lr.png) left bottom no-repeat;}
ul.sf-menu li a span {padding:0px 20px 0 0; background:url(../images/m-1-lr.png) right bottom no-repeat; display:block;}
ul.sf-menu li a span span {background:url(../images/m-1.jpg) left bottom repeat-x; display:block; padding:0px 2px 0 2px;}

ul.sf-menu li.current a, ul.sf-menu li.sfHover a, ul.sf-menu li a:hover {color:#fff ;background:url(../images/m-1-lr.png) left top no-repeat;} 
ul.sf-menu li.current a span, ul.sf-menu li.sfHover a span, ul.sf-menu li a:hover span  {background:url(../images/m-1-lr.png) right top no-repeat;}
ul.sf-menu li.current a span span, ul.sf-menu li.sfHover a span span, ul.sf-menu li a:hover span span {background:url(../images/m-1.jpg) left top repeat-x;}

ul.sf-menu li ul li a {background:none !important; padding:0px !important;  color:#2d2d2d !important;}

ul.sf-menu li {border-radius:19px;}
ul.sf-menu li.sfHover ul {width:100%;}
ul.sf-menu li.sfHover ul li { background:url(../images/m-2.jpg) 0 0 repeat-x; text-align:center; border-radius:19px; padding:0px 0px 0 0px; height:38px; display:block; float:none;}
ul.sf-menu li.sfHover ul li:hover {background:url(../images/m-2-a.jpg) 0 0 repeat-x ; border-radius:19px; }